<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>发现 - 就业易招</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/bootstrap-icons.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/discover.css">
</head>
<body>
    <!-- 顶部导航栏 -->
    <header class="header">
        <div class="container">
            <div class="logo">
                <img src="https://img.51miz.com/Element/00/37/58/15/e3bd693e_E375815_97604c23.jpg" alt="就业易招">
                <span>就业易招</span>
            </div>
            <nav class="main-nav">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="recruitment.html">招聘信息</a></li>
                    <li class="active"><a href="discover.html">发现</a></li>
                    <li><a href="agents.html">经纪人</a></li>
                    <li><a href="school.html">学校</a></li>
                </ul>
            </nav>
            <div class="user-actions">
                <a href="login.html" class="login-btn">登录</a>
                <a href="register.html" class="register-btn">注册</a>
            </div>
        </div>
    </header>

    <!-- 主要内容 -->
    <main class="main-content">
        <!-- 轮播图 banner -->
        <section class="banner-slider">
            <div class="slider-container">
                <div class="slider-item">
                    <img src="https://t7.baidu.com/it/u=2621658848,3952322712&fm=193&f=GIF" alt="校园招聘季">
                    <div class="slider-caption">
                        <h2>金秋招聘季</h2>
                        <p>各大名企校招正在火热进行中，抓紧机会投递简历</p>
                        <a href="recruitment.html" class="btn-more">查看详情</a>
                    </div>
                </div>
                <div class="slider-item">
                    <img src="https://img.51miz.com/Element/00/88/81/42/48a38f0f_E888142_15124635.jpg" alt="简历诊断">
                    <div class="slider-caption">
                        <h2>免费简历诊断</h2>
                        <p>专业HR一对一指导，提升简历通过率</p>
                        <a href="javascript:alert('简历诊断功能已移除');" class="btn-more">立即体验</a>
                    </div>
                </div>
                <div class="slider-item">
                    <img src="https://img.51miz.com/Element/00/71/70/90/05f7aa8a_E717090_1346a32a.jpg" alt="职业规划">
                    <div class="slider-caption">
                        <h2>职业规划测评</h2>
                        <p>了解自己的职业倾向，选择最适合你的岗位</p>
                        <a href="assessment.html" class="btn-more">开始测评</a>
                    </div>
                </div>
            </div>
            <div class="slider-indicators">
                <div class="indicator"></div>
                <div class="indicator"></div>
                <div class="indicator"></div>
            </div>
        </section>

        <!-- 热门文章 -->
        <section class="article-section">
            <div class="container">
                <div class="section-header">
                    <h2>热门文章</h2>
                    <a href="articles.html" class="more-link">查看更多 <i class="bi bi-chevron-right"></i></a>
                </div>
                <div class="article-list">
                    <div class="article-item" data-id="1">
                        <div class="article-img">
                            <img src="https://img.zcool.cn/community/018fe35dfb4f8da80121416826220d.jpg" alt="秋招攻略">
                        </div>
                        <div class="article-content">
                            <h3>2023秋招全攻略：如何在竞争中脱颖而出</h3>
                            <div class="article-meta">
                                <span class="author">
                                    <img src="https://img.51miz.com/Element/00/88/06/33/d0b1ee05_E880633_47249617.jpg" alt="作者头像" class="author-avatar">
                                    职场专家
                                </span>
                                <span class="date">2023-09-10</span>
                            </div>
                            <p class="article-desc">秋招季如何制定有效的求职策略，让自己在众多应聘者中脱颖而出？本文为你提供全方位的秋招准备指南。</p>
                            <div class="article-stats">
                                <span><i class="bi bi-eye"></i> 2345</span>
                                <span><i class="bi bi-hand-thumbs-up"></i> 156</span>
                                <span><i class="bi bi-chat"></i> 48</span>
                            </div>
                        </div>
                    </div>
                    <div class="article-item" data-id="2">
                        <div class="article-img">
                            <img src="https://img.51miz.com/Element/00/37/52/42/f0a4ef73_E375242_3b3be3ba.jpg" alt="面试技巧">
                        </div>
                        <div class="article-content">
                            <h3>HR视角：面试中最容易被忽视的关键点</h3>
                            <div class="article-meta">
                                <span class="author">
                                    <img src="https://img.51miz.com/Element/00/88/88/97/6232b80c_E888897_09fb9d12.jpg" alt="作者头像" class="author-avatar">
                                    资深HR
                                </span>
                                <span class="date">2023-09-05</span>
                            </div>
                            <p class="article-desc">作为一名在500强工作多年的HR，我总结了面试者最容易忽视但对面试结果影响巨大的几个关键点。</p>
                            <div class="article-stats">
                                <span><i class="bi bi-eye"></i> 1986</span>
                                <span><i class="bi bi-hand-thumbs-up"></i> 132</span>
                                <span><i class="bi bi-chat"></i> 36</span>
                            </div>
                        </div>
                    </div>
                    <div class="article-item" data-id="3">
                        <div class="article-img">
                            <img src="https://img.51miz.com/Element/00/56/85/45/cee7c246_E568545_f2566c31.jpg" alt="简历制作">
                        </div>
                        <div class="article-content">
                            <h3>高质量简历制作指南：让HR在5秒内被你吸引</h3>
                            <div class="article-meta">
                                <span class="author">
                                    <img src="https://cdn.pixabay.com/photo/2017/06/13/13/06/girl-2398822_1280.jpg" alt="作者头像" class="author-avatar">
                                    简历顾问
                                </span>
                                <span class="date">2023-08-28</span>
                            </div>
                            <p class="article-desc">HR平均花费在一份简历上的时间只有5-7秒，如何在这短暂的时间内抓住HR的眼球？本文将为你详细解析。</p>
                            <div class="article-stats">
                                <span><i class="bi bi-eye"></i> 3147</span>
                                <span><i class="bi bi-hand-thumbs-up"></i> 203</span>
                                <span><i class="bi bi-chat"></i> 59</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 求职干货 -->
        <section class="tips-section">
            <div class="container">
                <div class="section-header">
                    <h2>求职干货</h2>
                    <a href="tips.html" class="more-link">更多干货 <i class="bi bi-chevron-right"></i></a>
                </div>
                <div class="tips-container">
                    <div class="tips-item" data-id="1">
                        <div class="tips-img">
                            <img src="https://img.51miz.com/Element/00/88/05/90/a32d7c01_E880590_a8ad5f47.jpg" alt="面试技巧">
                        </div>
                        <div class="tips-content">
                            <h3>结构化面试全攻略</h3>
                            <p>帮你应对各类结构化面试问题，展现最佳的自我</p>
                        </div>
                    </div>
                    <div class="tips-item" data-id="2">
                        <div class="tips-img">
                            <img src="https://img.51miz.com/Element/00/56/85/45/cee7c246_E568545_f2566c31.jpg" alt="简历技巧">
                        </div>
                        <div class="tips-content">
                            <h3>简历优化大全</h3>
                            <p>如何打造一份让HR过目不忘的高质量简历</p>
                        </div>
                    </div>
                    <div class="tips-item" data-id="3">
                        <div class="tips-img">
                            <img src="https://img.51miz.com/Element/00/47/29/78/d2a4ea75_E472978_36387c43.jpg" alt="求职礼仪">
                        </div>
                        <div class="tips-content">
                            <h3>职场礼仪须知</h3>
                            <p>面试与入职过程中的礼仪细节，让你赢在起跑线</p>
                        </div>
                    </div>
                    <div class="tips-item" data-id="4">
                        <div class="tips-img">
                            <img src="https://img.51miz.com/Element/00/86/78/77/9bceb13e_E867877_a51cab5e.jpg" alt="薪资谈判">
                        </div>
                        <div class="tips-content">
                            <h3>薪资谈判技巧</h3>
                            <p>掌握薪资谈判的技巧，争取最优的offer待遇</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <!-- 页脚 -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-logo">
                    <img src="https://img.51miz.com/Element/00/37/58/15/e3bd693e_E375815_97604c23.jpg" alt="就业易招">
                    <span>就业易招</span>
                </div>
                <div class="footer-links">
                    <div class="footer-link-group">
                        <h3>关于我们</h3>
                        <ul>
                            <li><a href="about.html">公司简介</a></li>
                            <li><a href="contact.html">联系我们</a></li>
                            <li><a href="join.html">加入我们</a></li>
                        </ul>
                    </div>
                    <div class="footer-link-group">
                        <h3>帮助中心</h3>
                        <ul>
                            <li><a href="faq.html">常见问题</a></li>
                            <li><a href="feedback.html">意见反馈</a></li>
                            <li><a href="privacy.html">隐私政策</a></li>
                        </ul>
                    </div>
                    <div class="footer-link-group">
                        <h3>业务合作</h3>
                        <ul>
                            <li><a href="cooperation.html">企业合作</a></li>
                            <li><a href="campus.html">校园合作</a></li>
                            <li><a href="ad.html">广告投放</a></li>
                        </ul>
                    </div>
                </div>
                <div class="footer-contact">
                    <h3>联系我们</h3>
                    <p><i class="bi bi-envelope"></i> contact@jwyz.com</p>
                    <p><i class="bi bi-telephone"></i> 400-123-4567</p>
                    <div class="social-links">
                        <a href="#"><i class="bi bi-wechat"></i></a>
                        <a href="#"><i class="bi bi-sina-weibo"></i></a>
                        <a href="#"><i class="bi bi-tencent-qq"></i></a>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <p>© 2023 就业易招 版权所有 京ICP备123456号-1</p>
            </div>
        </div>
    </footer>

    <!-- JavaScript 文件 -->
    <script src="../js/jquery.min.js"></script>
    <script src="../js/bootstrap.bundle.min.js"></script>
    <script src="../js/main.js"></script>
    <script src="../js/discover.js"></script>
</body>
</html> 